<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>评价商品</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<link rel="stylesheet" href="member.comment.edit.css" />
	<style>
		.edt-star .iconfont {
			color: #CCCCCC;
		}
		
		.edt-star .active {
			color: #FC3A2E;
		}
		
		.edt-txt textarea {
			font-size: 13px;
		}
		
		.edt-btn button {
			color: #FFF;
			background: #FF0000;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">评价商品</a>
	</header>
	<!-- 顶部导航 结束 -->

	<div>
		<div class="edt-number pad-h pad-v-sm">
			<label>您的订单号：151106236212</label>
		</div>
		<div class="edt-star pad-h">
			<label>购物星评：</label>
			<i class="iconfont icon-star active"></i>
			<i class="iconfont icon-star"></i>
			<i class="iconfont icon-star"></i>
			<i class="iconfont icon-star"></i>
			<i class="iconfont icon-star"></i>
		</div>
		<div class="edt-txt pad-h mgn-v">
			<textarea class="no-bdr pad-h pad-v-sm" placeholder="再此输入评价！" rows="4"></textarea>
		</div>
		<div class="edt-btn mui-row pad-h">
			<button class="mui-col-xs-12 no-bdr mgn-v">提交</button>
		</div>
	</div>

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	<script>
		$(".edt-star i").on("tap", function() {
			$(this).addClass("active").prevAll("i").addClass("active");
			$(this).nextAll("i").removeClass("active");
		})
	</script>
</body>
</html>